<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
<meta charset="utf-8" />
<title>登录界面</title>

<link rel="stylesheet" type="text/css" th:href="@{/css/login/adminStyle.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/css/login/animate.css}" />
<script type="text/javascript" th:src="@{/js/jquery-3.2.1.js}"></script>
</head>
<body>
	<canvas id="christmasCanvas"
		style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;" width="1366"
		height="633"></canvas>
	<script type="text/javascript">
/*<![CDATA[*/
	
	 var snow = function() {
    if(1==1) {
      $("body").append('<canvas id="christmasCanvas" style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;"></canvas>');
      var b = document.getElementById("christmasCanvas"), a = b.getContext("2d"), d = window.innerWidth, c = window.innerHeight;
      b.width = d;
      b.height = c;
      for(var e = [], b = 0;b < 70;b++) {
        e.push({x:Math.random() * d, y:Math.random() * c, r:Math.random() * 4 + 1, d:Math.random() * 70})
      }
      var h = 0;
      window.intervral4Christmas = setInterval(function() {
        a.clearRect(0, 0, d, c);
        a.fillStyle = "rgba(255, 255, 255, 0.6)";
        a.shadowBlur = 5;
        a.shadowColor = "rgba(255, 255, 255, 0.9)";
        a.beginPath();
        for(var b = 0;b < 70;b++) {
          var f = e[b];
          a.moveTo(f.x, f.y);
          a.arc(f.x, f.y, f.r, 0, Math.PI * 2, !0)
        }
        a.fill();
        h += 0.01;
        for(b = 0;b < 70;b++) {
          if(f = e[b], f.y += Math.cos(h + f.d) + 1 + f.r / 2, f.x += Math.sin(h) * 2, f.x > d + 5 || f.x < -5 || f.y > c) {
            e[b] = b % 3 > 0 ? {x:Math.random() * d, y:-10, r:f.r, d:f.d} : Math.sin(h) > 0 ? {x:-5, y:Math.random() * c, r:f.r, d:f.d} : {x:d + 5, y:Math.random() * c, r:f.r, d:f.d}
          }
        }
      }, 70)
    }
  }
  snow();
  /*]]>*/
</script>
	<canvas id="christmasCanvas"
		style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;"></canvas>

	<h2 align="center">
		天天点餐后台管理登录
		<script charset="Shift_JIS"
			src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.js"></script>
	</h2>
	<div class="login_frame"></div>

	<div class="LoginWindow">
		<div>
			<form action="/adminLogin" class="" id="loginForm" method="POST">
				<p>
					<input name="phone" id="phone" placeholder="手机号" type="text" />
				</p>
				<p>
					<input name="password" id="password" placeholder="密码" value="" type="password" />
				</p>
				<p class="login-submit">
					<button type="button" class="login-button" id="login">登录</button>
				</p>
			</form>
		</div>
	</div>
	<script type="text/javascript">
		$().ready(function() {
			$('#loginForm').validate({
				rules : {
					phone : {
						required : true,
						digits : true,
						maxlength : 11,
						minlength : 11
					},
					password : {
						required : true,
						minlength : 6
					}
				},
			});
			$('#login').click(function() {
				if ($('#loginForm').valid()) {
					$('#loginForm').submit();
				}
			});
		});
	</script>
	<script type="text/javascript" th:src="@{/js/jquery.metadata.js}"></script>
	<script type="text/javascript" th:src="@{/js/jquery.validate.min.js}"></script>
	<script type="text/javascript" th:src="@{/js/messages_zh.js}"></script>
</body>
</html>